<template>
  <!-- Vue3 不再强制需要一个 根标签进行包裹了！ -->
  <ul>
    <router-link to="/">首页</router-link>
    <router-link to="/about">关于我们</router-link>
  </ul>
  <router-view></router-view>
</template>

<script>
// Vue3 可以兼容 Vue2 的写法
// 几乎可以使用 Vue2 所有的写法
// Vue2 这种 传入一个 选项式配置 对象文件  我们也叫做 options API
import { defineComponent } from 'vue'
export default defineComponent({
  data(){
    return {
      msg: "你好"
    }
  },
  created(){
    console.log("hahah", this.msg);
  }
})
</script>

<style lang="scss" scoped></style>